<#include "/inc/layout.ftl" />

<@layout "漫画详情">

    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12 content detail">
                <div class="fly-panel detail-box">
                    <h1>${info.name}</h1>
                    <div class="fly-detail-info">
                        <div class="layui-row">
                            <div class="img-box layui-col-md2">
                                <img src="${info.imgUrl}">
                            </div>
                            <div class="layui-col-md8">
                                <span class="layui-badge layui-bg-black" style="font-size: 15px;">简介</span>
                                <br>
                                <p>${info.intro}</p>
                            </div>
                        </div>
                        <div class="layui-row" style="margin-top: 20px">
                            <div class="layui-col-md4">
                                <span class="layui-badge layui-bg-black">作者：</span>
                                <span>${info.author}</span>
                            </div>
                            <div class="layui-col-md4">
                                <span class="layui-badge layui-bg-black">连载状态：</span>
                                <span>${info.status}</span>
                            </div>
                            <div class="layui-col-md4">
                                <span class="layui-badge layui-bg-black">上次更新时间：</span>
                                <span>${info.updateDate}</span>
                            </div>
                        </div>
                        <hr>
                        <div class="layui-row">
                            <div class="layui-card">
                                <div class="layui-card-header">章节列表</div>
                                <div class="layui-card-body">
                                    <div class="play-list" id="playlist_1">
                                        <div>
                                            <ul class="clearfix">
                                                <#list info.parts as part>
                                                    <li><a href="/comic/comicInfo/${info.comicId}/part/${part.partId}" title="${part.partName}">${part.partName}</a></li>
                                                </#list>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</@layout>